﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebSite.cn.index" %>
<%@ Register src="head.ascx" tagname="head" tagprefix="uc1" %>
<%@ Register src="bottom.ascx" tagname="bottom" tagprefix="uc2" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
         <title><%=WebSite.info.info1("", "shoptitle")%></title>
    <meta name="Description" content="<%=WebSite.info.info1("","shopcontent")%>" /> 
    <meta name="Keywords" content="<%=WebSite.info.info1("","shopkey")%>" />
    <style type="text/css">
   <!--
#divPopWindow{
_background: url(/cn/images/bulltin_1.png) no-repeat !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/cn/images/bulltin_1.png");
background:none;
width:800px; height:550px;
}

.htmer_img{
   filter:alpha(opacity=90); /* IE */
   -moz-opacity:0.9; /* Moz + FF */
   opacity:0.9; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.our_service_pic td{ float:left; }

#www_qpsh_com a{ padding-right:10px; }
#www_qpsh_com a img{ height:60px; }


/* .our_service_pic .top_pic img{display:inline; text-align:center;cursor:pointer;position:relative;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:#ddd  1px 1px 1px;background:#ffffff;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));background:-webkit-linear-gradient(#ffffff, #ffffff);background:-moz-linear-gradient(#ffffff, #ffffff);background:-ms-linear-gradient(#ffffff, #ffffff);background:-o-linear-gradient(#ffffff, #ffffff);background:linear-gradient(#ffffff, #ffffff);-pie-background:linear-gradient(#ffffff, #ffffff);}*/
#fancybox-content{display:block; padding:7px 5px 5px;text-align:center;cursor:pointer;position:relative;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:#666 2px 4px 8px;-moz-box-shadow:#666 2px 4px 8px;box-shadow:#666 2px 4px 8px;background:#ffffff;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));background:-webkit-linear-gradient(#ffffff, #ffffff);background:-moz-linear-gradient(#ffffff, #ffffff);background:-ms-linear-gradient(#ffffff, #ffffff);background:-o-linear-gradient(#ffffff, #ffffff);background:linear-gradient(#ffffff, #ffffff);-pie-background:linear-gradient(#ffffff, #ffffff);}

-->
</style>


</head>
<body>
    <form id="form1" runat="server">
     <uc1:head ID="head1" runat="server" />  
     
          <script type="text/javascript" src="/js/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="/js/jquery.fancybox-1.3.4.css" media="screen" />
                                                       

   <center>
<div class="banner">
     
       <div class="flash">			      
				  <div id="idTransformView" style="width:1200px; height:325px;">					  
					  <ul class="slider" id="idSlider">
					   <%=imgLink%>
					  					  
					  </ul>
					  <ul class="num" id="idNum">
					  
					  	<%=imgNumber%>		  									  
					  </ul>
				  </div>
			 </div>


</div>
   </center>
       <div class="show_part">

 <div class="clear"></div>

 <div style="margin-top:20px; ">
<img src="/cn/images/our_service.jpg" alt="" />
</div>



<div style="float:left; width:760px; padding-top:10px;">
 
 <div class="our_service fix">
<table class="our_service_pic"  border="0" cellSpacing="0" cellPadding="0">
  <tr>
    <td>
      <table border="0" cellSpacing="0" cellPadding="0">
        <tr>
          <td style=" width:232px; height:207px;">

           <div class="top_pic" >
             <a href="/cn/service/insuring.html" target="_blank">
                 <img id='proImg'   src='/cn/images/bxjk.png'  />
             </a>
          </div>

          </td>
           <td style="width:232px; height:207px; padding-left:30px;">

             <div class="top_pic" >
                 <a  href="/cn/service/gymnasium.html" target="_blank">
                     <img id='Img6'     src='/cn/images/wtjs.png'  />
                 </a>
              </div>

          </td>
                  <td style="width:232px; height:207px;padding-left:30px;">

             <div class="top_pic" >
                 <a  href="/cn/service/festival.html" target="_blank">
                     <img id='Img5'     src='/cn/images/jrww.png'  />
                 </a>
              </div>

          </td>
          
          </tr>

            <tr>
          <td  style="padding-top:10px;  width:232px; height:207px;">

               <div class="top_pic" >
                <a  href="/cn/service/birthdayLove.html" target="_blank">
                     <img id='Img3'  src='/cn/images/srga.png'  />
                 </a>
              </div>

            </td>
              <td   style="padding-top:10px;width:232px; height:207px;padding-left:30px;" >

               <div class="top_pic" >
                <a  href="/cn/service/healthy.html" target="_blank">
                     <img id='Img4'  src='/cn/images/jkgl.png'  />
                 </a>
              </div>


              </td>

               <td   style="padding-top:10px;width:232px; height:207px;padding-left:30px;" >
               <div class="top_pic" >
                  <a  href="#" target="_self">
                     <img id='Img1'  src='/cn/images/zzfw.png'  />
                 </a>
              </div>


              </td>
            </tr>

            
     </table>
     </td>
</tr>
</table>
</div>


</div>


   <div  class="sideBar">
      <div class="sideBar-vip">
<H2 class="sideBar-title"></H2>
<div style="float:left; margin:40px 0 0 15px; ">
  卡号：<input type="text"  id="txtCardCodeIndex"  maxlength="50" style="width:100px" />
  <span id="spCardCodeIndex"></span>
</div>
<div style="float:left; margin:10px 0 0 15px; ">
  密码：<input type="password" id="txtCardPwdIndex"   maxlength="50" style="width:100px"   />
<span id="spCardPwdIndex"></span>
</div>
<div style="float:left; margin:10px 0 0 15px; ">
  验证码：<input type="text" id="txtValidateCodeIndex"  maxlength="6" style="width:40px"   />
  <img id="imgCheckCodeIndex" src="/admin/checkCode.aspx"  style="border:0;"  alt="看不清楚,换一张" width="65px" onclick="this.src = this.src + '?' + new Date().getTime();" class="imgCode" />
<span id="spValidateCodeIndex"></span>
</div>
<div style="float:left; margin:40px 0 5px 20px;  " >
   <img  onclick="fudianExchange();" src="/cn/images/card-button_01.png" alt="" style="cursor:pointer;"  />
</div>
 <div class="clear"></div>

</div>


 <div class="clear"></div>




  </div>



<script src="/js/simpla.jquery.configuration.js" type="text/javascript"></script>

<span class="clear"></span>
<div style="margin-top:20px; ">
<img src="/cn/images/prof_bg_01.jpg" alt="" />
</div>
<div class="pro_profess">

<img src="/cn/images/pro_01.jpg" class="padding_right" alt="" />
  <img src="/cn/images/pro_02.jpg" class="padding_right" alt="" />
  <img src="/cn/images/pro_03.jpg" class="padding_right" alt="" />
  <img src="/cn/images/pro_04.jpg" alt="" />
</div>

 <span class="clear"></span>
<div  class="new_por" style="float:left;  margin-top:10px;">
<div class="our_partner_brand">
<div class="brand"> &nbsp;</div>
<A class="more" href="/cn/partner.html"></A></DIV>

  
<div class="clear"></div>
<div class=t4_2>
<div id=right class=t4_2_1></DIV>
<div id=left class=t4_2_2></DIV><!--缩略图开始-->
<div id=scrool_div>
<ul id=scrool_wrap>
                 <%= sBrandPicHtml.ToString()%>


 </ul></div><!--缩略图结束--></div>

   </div>
     <div class="clear"></div>
    <div style="float:left; margin-top:10px;">

    

 
 <embed allowscriptaccess="never" allownetworking="internal" invokeurls="false" src="http://player.youku.com/player.php/sid/XNDMwODIwMTc2/v.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="high" autostart="0" wmode="transparent" width="420" height="265" align="middle"> 

      
    </div> 
     
  <div class="news_info">
<div class="content-box">
<div class="content-box-header">
<ul class="content-box-tabs">
<li><a href="#tab1" class="default-tab">福点动态</a></li>
<li><a href="#tab2">政策法规</a></li>
</ul>
<div style="float:right;  background:none; width:100px; " class="more"><a href="/cn/news.html" > 更多</a> </div>
</div>

<div class="content-box-content">
<div class="tab-content default-tab" id="tab1">
<ul>

<%= NewsFudian.ToString()%>

</ul>
</div>
<div class="tab-content" id="tab2">
<ul>

<%= NewsLawsRule.ToString()%>

</ul>
</div>


</div>
</div>
</div>
<div class="clear"></div>
        
   </div>
  <div class="clear"></div>



  <div style="display:none;">
  <div id="divPopWindow"  style="position:absolute;display:block; z-index:999; left:280px; top:100px; " >
  <center>
  <div style="width:80%; padding-right:20px; padding-top:70px; color:White; text-align:left;  font-size:14px; letter-spacing:2px; line-height:20px;">     
  </div>
  </center>
  </div>
  <div  id="divPopWindowClose"  style="position:absolute;display:block;  z-index:1000; left:985px; top:115px;  ">
   <a style="cursor:hand" onclick="closePop()"  href="#" ><img  src="/cn/images/bulletin_close.gif" alt="关闭" /></a>
  </div>
  </div>


  <script language="javascript" type="text/javascript">

      document.getElementById("divPopWindow").style.display = "block";
      document.getElementById("divPopWindowClose").style.display = "block";


      function closePop() {

          document.getElementById("divPopWindow").style.display = "none";
          document.getElementById("divPopWindowClose").style.display = "none";
      }

      function openPop() {

          document.getElementById("divPopWindow").style.display = "block";
          document.getElementById("divPopWindowClose").style.display = "block";
      }

  </script>
    <link href="/cn/css/idialog.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="/js/artDialog.js"></script>
<script type="text/javascript" src="/js/iframeTools.source.js"></script>
<script type="text/javascript" src="/js/art_dialog.js"></script>
  <script language="javascript" type="text/javascript">


      function fudianExchange() {


          if ($("#txtCardCodeIndex").val() == "") {
              $("#txtCardCodeIndex").select();
              $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
          else if ($("#txtCardPwdIndex").val() == "") {
              $("#txtCardPwdIndex").select();
              $("#spCardPwdIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
          else if ($("#txtValidateCodeIndex").val() == "") {
              $("#txtValidateCodeIndex").select();
              $("#spValidateCodeIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              $("#imgCheckCodeIndex").attr("src", '/admin/checkCode.aspx?' + new Date().getTime());
              return false;
          }
          $.ajax({
              type: "POST",
              url: "/cardAddHandler.ashx",
              data: "cardCode=" + escape($("#txtCardCodeIndex").val()) + "&cardPwd=" + escape($("#txtCardPwdIndex").val()) + "&code=" + escape($("#txtValidateCodeIndex").val()),
              success: function (msg) {

                  if (msg == "-1") {
                      window.open('login.aspx', '_self');

                  }
                  else if (msg == "0") {
                      $("#txtValidateCodeIndex").select();
                      $("#spValidateCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 验证码错误！");
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#imgCheckCodeIndex").attr("src", "/admin/checkCode.aspx?id=" + parseInt(10000 * Math.random()));
                  }
                  else if (msg == "1") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 卡券号不存在！");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "2") {
                      $("#txtCardPwdIndex").select();
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/wrong.gif\" /> 卡券号或密码错误！");
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#imgCheckCodeIndex").attr("src", "/admin/checkCode.aspx?id=" + parseInt(10000 * Math.random()));
                  }
                  else if (msg == "6") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 该卡号已被使用！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "3") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 该卡号有异常，请与客服联系！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "4") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 只能添加同类型的卡券，如果不是同类型的卡券，请分批充值！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "104") {
                      art.dialog.tips("提示：您使用的卡，暂无法下单,如需预约配送请与客服联系：400-052-5757！", 100.0);
                  }

                  else if (msg == "105") {

                      art.dialog.tips("提示：您使用的通用类型的卡，必须要登录后充值到您的账户然后使用，如没有账户请先注册，谢谢！", 5.0);
                      //TB_show(null, "/cn/login.aspx?TB_iframe=true&height=370&width=640", false);
                  } else if (msg == "106") {

                      art.dialog.tips("提示：您使用的通用类型的卡，请到【我的福袋】里充值后使用！", 5.0);
                      window.location.href = '/cn/userInfo.aspx';
                  }

                  else if (msg == "5") {
                      art.dialog.tips("恭喜您，充值成功！您可以直接选择页面中所兑换商品！", 5.0);
                      window.location.href = '/cn/exchangeGoods.aspx';
                  }

              }
          });
          return false;
      }


</script>


   <uc2:bottom ID="bottom1" runat="server" /> 

    </form>

</body>
</html>


<style type="text/css">

.t4_1 {
	TEXT-ALIGN: center; WIDTH: 80px; FLOAT: left; HEIGHT: 50px; COLOR: #000; FONT-SIZE: 14px; FONT-WEIGHT: 700; PADDING-TOP: 30px
}
.t4_2 {
	WIDTH: 1028px; FLOAT: left;  
}
.t4_2_1 {
	BACKGROUND-IMAGE: url(/cn/images/brand_left.png); WIDTH: 48px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; FLOAT: left; HEIGHT: 90px; CURSOR: pointer
}
.t4_2_2 {
	BACKGROUND-IMAGE: url(/cn/images/brand_right.png); WIDTH: 48px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; FLOAT: right; HEIGHT: 90px; CURSOR: pointer
}
#scrool_div {
	POSITION: relative; WIDTH: 926px; HEIGHT: 135px; MARGIN-LEFT: 30px; OVERFLOW: hidden; _margin-left: 15px
}
#scrool_wrap {
	POSITION: absolute;  HEIGHT: 90px;
}
#scrool_wrap LI {
	POSITION: relative; FLOAT: left; MARGIN-LEFT: 1px; MARGIN-RIGHT: 5px
}
#scrool_div IMG {
	PADDING-BOTTOM: 2px;  PADDING-LEFT: 2px;  PADDING-RIGHT: 2px; HEIGHT: 108px; PADDING-TOP: 2px; 
}
#scrool_wrap {
	WIDTH: 150000px
}
</style>

<SCRIPT type="text/javascript">
    var initnum = 8; //每次显示张数
    var scrollWrapW = 130; //每次滚动距离
    var iss = 20; //当前张数

    var l;
    $(document).ready(function () {
        l = $('#scrool_wrap li').length;
        iss = iss - 1;

        $("#left").bind("click", ole);
        $("#right").bind("click", ori);
        var total = $('#scrool_wrap li').length;
        $("#zys").html(total);

        for (tmp = 0; tmp < l; tmp++) {
            $('#scrool_wrap li').eq(tmp).find('img').eq(0).addClass('img0');
        }

        $('#scrool_wrap li').eq(iss).find('img').eq(0).addClass('curimg');

        if (iss > 0 && iss < initnum) {
            var tiss = iss;
            var temscr = -scrollWrapW * (tiss);
            $("#scrool_wrap").animate({ left: temscr }, 1000);
        } else {
            if (iss <= l - initnum) {
                var tiss = iss;
                var temscr = -scrollWrapW * (tiss);
                $("#scrool_wrap").animate({ left: temscr }, 1000);
            } else {
                var tiss = l - initnum;
                var temscr = -scrollWrapW * (tiss);
                $("#scrool_wrap").animate({ left: temscr }, 1000);
                iss = tiss;
            }
        }



    });

    function ole() {
        if (iss == -1) {
            iss = 0;
        } else if (iss == (l - initnum)) {
            olend();
        } else if (iss < (l - initnum)) {
            var temscr = -scrollWrapW * (iss + 1);
            $("#scrool_wrap").animate({ left: temscr }, 1000);
            iss++;
        }

    }
    function ori() {
        if (iss > 0) {
            var temscr = -scrollWrapW * (iss - 1);
            $("#scrool_wrap").animate({ left: temscr }, 1000);
            iss--;
        } else {
            olend();
        }
    }

    function olend() {
        //到底后的跳方法
        //  alert("您已浏览完全部缩略图");
    }
    function orend() {
        //到底后的跳方法
        //  alert("您已浏览完全部缩略图");
    }
    function dp(id) { document.getElementById('topPrev').className = "pre" + id; }
    function dm(id) { document.getElementById('topNext').className = "next" + id; }
    function mt(id) { document.getElementById('mian').style.display = "none"; document.getElementById('mian2').style.display = "none"; document.getElementById('mian1').style.display = "block"; }

    function mt1(id) { document.getElementById('mian').style.display = "block"; document.getElementById('mian2').style.display = "block"; document.getElementById('mian1').style.display = "none"; }

    function xki(id) { document.getElementById('hg').style.display = "block"; }

    function xki1(id) { document.getElementById('hg').style.display = "none"; }
    function endshow() {
        document.getElementById('endpage').style.display = "block";
        document.getElementById('myheight').style.visibility = "hidden";
    }
    function end_close() {
        document.getElementById('endpage').style.display = "none";
        document.getElementById('myheight').style.visibility = "visible";
    }
</SCRIPT>
<script type="text/javascript">
    var MYJS = function (id) {
        return "string" == typeof id ? document.getElementById(id) : id;
    };

    var Class = {
        create: function () {
            return function () {
                this.initialize.apply(this, arguments);
            }
        }
    }

    Object.extend = function (destination, source) {
        for (var property in source) {
            destination[property] = source[property];
        }
        return destination;
    }

    var TransformView = Class.create();
    TransformView.prototype = {
        //容器对象,滑动对象,切换参数,切换数量
        initialize: function (container, slider, parameter, count, options) {
            if (parameter <= 0 || count <= 0) return;
            var oContainer = MYJS(container), oSlider = MYJS(slider), oThis = this;

            this.Index = 0; //当前索引

            this._timer = null; //定时器
            this._slider = oSlider; //滑动对象
            this._parameter = parameter; //切换参数
            this._count = count || 0; //切换数量
            this._target = 0; //目标参数

            this.SetOptions(options);

            this.Up = !!this.options.Up;
            this.Step = Math.abs(this.options.Step);
            this.Time = Math.abs(this.options.Time);
            this.Auto = !!this.options.Auto;
            this.Pause = Math.abs(this.options.Pause);
            this.onStart = this.options.onStart;
            this.onFinish = this.options.onFinish;

            oContainer.style.overflow = "hidden";
            oContainer.style.position = "relative";

            oSlider.style.position = "absolute";
            oSlider.style.top = oSlider.style.left = 0;
        },
        //设置默认属性
        SetOptions: function (options) {
            this.options = {//默认值
                Up: true, //是否向上(否则向左)
                Step: 5, //滑动变化率
                Time: 10, //滑动延时
                Auto: true, //是否自动转换
                Pause: 5000, //停顿时间(Auto为true时有效)
                onStart: function () { }, //开始转换时执行
                onFinish: function () { } //完成转换时执行
            };
            Object.extend(this.options, options || {});
        },
        //开始切换设置
        Start: function () {
            if (this.Index < 0) {
                this.Index = this._count - 1;
            } else if (this.Index >= this._count) { this.Index = 0; }

            this._target = -1 * this._parameter * this.Index;
            this.onStart();
            this.Move();
        },
        //移动
        Move: function () {
            clearTimeout(this._timer);
            var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep
(this._target, iNow);

            if (iStep != 0) {
                this._slider.style[style] = (iNow + iStep) + "px";
                this._timer = setTimeout(function () { oThis.Move(); }, this.Time);
            } else {
                this._slider.style[style] = this._target + "px";
                this.onFinish();
                if (this.Auto) { this._timer = setTimeout(function () { oThis.Index++; oThis.Start(); }, this.Pause); }
            }
        },
        //获取步长
        GetStep: function (iTarget, iNow) {
            var iStep = (iTarget - iNow) / this.Step;
            if (iStep == 0) return 0;
            if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
            return iStep;
        },
        //停止
        Stop: function (iTarget, iNow) {
            clearTimeout(this._timer);
            this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
        }
    };

    window.onload = function () {
        function Each(list, fun) {
            for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
        };

        var objs = MYJS("idNum").getElementsByTagName("li");

        var tv = new TransformView("idTransformView", "idSlider", 325, objs.length, {
            onStart: function () { Each(objs, function (o, i) { o.className = tv.Index == i ? "on" : ""; }) } //按钮样式
        });

        tv.Start();

        Each(objs, function (o, i) {
            o.onmouseover = function () {
                o.className = "on";
                tv.Auto = false;
                tv.Index = i;
                tv.Start();
            }
            o.onmouseout = function () {
                o.className = "";
                tv.Auto = true;
                tv.Start();
            }
        });

    }



</script>

